@import "../../lib/base.less";
@mo-w: 996px; //mo = myOrder
.shop-MyOrder{width: @mo-w;margin: 0 auto;}
a:hover{color: #e64545;}
.shop-main-w{padding: 0 20px 30px 20px;background-color: #ffffff;
    input[type="checkbox"]{cursor: pointer;}
    >.shop-header{width: @mo-w;height: 62px;line-height: 68px;text-indent: 20px;font-size: 16px;}
    >.shop-nav{border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;overflow: hidden;
        >li{float: left;width: 98px;height: 38px;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;text-align: center;line-height: 38px;cursor: pointer;
            a{color: #333333;
                >span{color: #e64545;}
            }
        }
        >.shop-item-s > a{color: #e64545;}
    }
    >.shop-search{margin: 20px 0 0 0;
        &.shop-hide{display: none;}
        >input{width: 205px;height: 32px;background-color: #f5f5f5;line-height: 32px;color: #a5a5a5;text-indent: 12px;border: 1px solid #e1e1e1;float: left;}
        >.shop-search-img{cursor: pointer;width: 32px;height: 32px;display: inline-block;vertical-align: top;border: 1px solid #e1e1e1;border-left: none;background-image: url("@{imgRootDeep}/index_search_icon2.png");background-repeat: no-repeat;background-position: center;float: left;}
        >.shop-date{margin: 0 0 0 18px;
            >span{background-image: url("@{imgRootDeep}/shop-Details.png");width: 13px;height: 8px;display: inline-block;margin-left: 15px;}
        }
        >.shop-select{color: #666666;float: left;
           
        }
    }
    >.shop-main{overflow: hidden;
        >.shop-header{height: 40px;background-color: #f5f5f5;line-height: 40px;font-size: 12px;text-indent: 0;margin: 26px 0 0 0;
            >span{display: inline-block;text-align: right;}
            >.shop-item1{width: 221px;}
            >.shop-item2{width: 189px;}
            >.shop-item3{width: 79px;}
            >.shop-item4{width: 87px;}
            >.shop-item5{width: 122px;}
            >.shop-item6{width: 105px;}
            >.shop-item7{width: 87px;}
        }
        >.div-select-all{height: 44px;line-height: 44px;
            >label{
                input{vertical-align: middle;}
                span{margin-left: 10px;}
            }
            >span{border: 1px solid #e1e1e1;padding: 0 9px;border-radius: 2px;font-size: 12px;margin: 0;height: 22px;line-height: 22px;display: inline-block;}
            >.shop-item1{margin-left: 15px;cursor: pointer}
            >.shop-item2{margin-left: 8px;cursor: pointer}
            >.shop-item3{float: right;margin-top: 11px;margin-left: 5px;cursor: pointer}
            >.shop-item4{float: right;margin-top: 11px;cursor: pointer}
        }
        >.shop-list{margin-bottom: 26px;
            >.shop-item{border: 1px solid #999999;margin-bottom: 20px;
                >.shop-header{background-color: #f5f5f5;height: 39px;line-height: 39px;
                    >input{vertical-align: middle;margin: 0 15px;}
                    >.shop-item1{color: #b2b2b2;}
                    >.shop-item2{color: #b2b2b2;}
                    >.shop-item3{color: #b2b2b2;margin-left: 16px;}
                    >.shop-item4{color: #333333;}
                    >.shop-item5{margin-left: 60px;color: #b2b2b2;}
                    >.shop-item6{}
                    >.shop-item7{cursor: pointer;background-image: url("@{imgRootDeep}/order_ico_customer_red.png");width: 15px;height: 13px;display: inline-block;vertical-align: middle;margin-left: 15px;
                        a{width: 100%;height: 100%;display: block;}
                    }
                    >.shop-item8{cursor: pointer;float: right;background-image: url("@{imgRootDeep}/ico_delete.png");width: 14px;height: 14px;margin: 12px 40px 0 0;}
                }
                >.shop-main{
                    >.shop-item{overflow: hidden;padding: 0 0 0 20px;
                        >div{float: left;font-size: 12px;}
                        >.shop-img{width: 80px;height: 80px;border: 1px solid #e1e1e1;margin-right: 16px;margin-top: 20px;
                            a>img{width: 80px;height: 80px;}
                        }
                        >.shop-title{font-size: 12px;width: 170px;height: 38px;float: left;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 20px;margin-top: 16px;}
                        >.shop-price{width: 58px;height: 44px;margin-left: 80px;margin-top: 20px;
                            p{text-align: center;line-height: 12px;}
                            >.shop-limited-time-offer{border: 1px solid #e64545; color: #e64545;width: 56px;height: 18px;text-align: center;line-height: 18px;margin: 13px 0 0 0;}
                        }
                        >.shop-item{width: 108px;height: 93px;border-left: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;text-align: center;float: right;padding-top: 20px;overflow: hidden;}
                        >.shop-quantity{float: left;margin-left: 52px;margin-top: 20px}
                        >.shop-receiver{
                            span{background-image: url("@{imgRootDeep}/login_icon_user2.jpg.png");display: inline-block;width: 10px;height: 12px;}
                        }
                        >.shop-price-all{
                            >p{margin-bottom: 12px;}
                            >.shop-payment-method{color: #999999;}
                        }
                        >.shop-status{
                            >p{margin-bottom: 12px;
                                a{color: #333333;}
                            }
                            >.shop-logistics{width: 44px;height: 20px;background-color: #ff8000;margin: 0 auto;line-height: 20px;color: #ffffff;}
                        }
                        >.shop-operating{
                            
                            >.shop-btn{width: 66px;height: 26px;background-color: #e64545;line-height: 26px;color: #ffffff;margin: 0 auto;margin-bottom: 20px;cursor: pointer}
                            >p{cursor: pointer;
                                a{color: #559dea;}
                                a:hover{color: #e64545;}
                            }
                        }
                    
                    }
                }
            }
        } 
        >.shop-pagination{float: right;}
        >.shop-consolidated-invoice{float: left;
            >label{
                input{vertical-align: middle;}
                span{margin-left: 10px;}
            }
            >span{border: 1px solid #e1e1e1;padding: 0 9px;border-radius: 2px;font-size: 12px;margin: 0;height: 22px;line-height: 22px;display: inline-block;}
        }
    }
    // 我的订单-订单详情页面
    // 安全提醒
    >.shop-security-reminder{width: 100%;height: 30px;background-color: #ffffff;
        >div{width: 1200px;height: 30px;line-height: 30px;margin: 0 auto;
            >.shop-img{background-image: url("@{imgRootDeep}/shop-caveat.png");display: inline-block;width: 14px;height: 13px;vertical-align: top;margin-top: 7px;}
            >span{color: #666666;
                >span{font-weight: 600;}
            }
        }
    }  
    //页面路径 
    >.shop-current-path{width: 1200px;height: 39px;line-height: 39px;margin: 0 auto;}
    //订单状态
    >.shop-order-status{width: 1198px;height: 238px;margin: 0 auto;border: 1px solid #e1e1e1;background-color: #ffffff;
        >.shop-left{float: left;width: 202px;height: 238px;border-right: 1px solid #e1e1e1;text-align: center;
            >div{font-size: 20px;font-weight: 600;color: #71b247;line-height: 20px;margin-top: 74px;}
            >button{width: 64px;height: 24px;border: 1px solid #e1e1e1;margin-top: 20px;cursor: pointer;}
            >p{margin-top: 60px;
                a{color: #333333;
                    >span{background-image: url("@{imgRootDeep}/shop-print.png");width: 15px;height: 14px;display: inline-block;vertical-align: middle;}
                } 
            }
        }
        >.shop-right{float: right;width: 994px;height: 161px;padding: 77px 0 0 0;
            >.shop-title{overflow: hidden;line-height: 12px;margin: 0 0 0 163px;
                >span{float: left;margin-right: 159px;}
            }
            >.shop-img{background-image: url("@{imgRootDeep}/order.status.png");width: 649px;height: 26px;margin: 20px 0 0 174px;background-repeat: no-repeat;}
            >.shop-date{margin: 0 0 0 131px;
                >span{width: 150px;display: inline-block;margin-right: 53px;line-height: 12px;margin-top: 20px;color: #999999;}
            }
        }
    }
    >.shop-order-information{width: 1198px;height: 206px;margin: 0 auto;border: 1px solid #e1e1e1;border-top: none;border-bottom: none;padding: 40px 0 0 0;background-color: #ffffff;margin-bottom: 20px;
        >.shop-title{font-size: 16px;height: 16px;line-height: 16px;font-weight: 600;text-indent: 39px;margin: 0 0 20px 0;}
        >.shop-main{padding: 0 0 0 39px;overflow: hidden;
            >.shop-left{float: left;width: 570px;
                
            }
            >.shop-right{float: left;}
            >div{
                >.shop-item{overflow: hidden;margin: 0 0 13px 0;
                    >div{float: left;}
                    >.shop-col1{width: 72px;color: #999999;}
                    >.shop-col2{width: 422px;}
                }
            }
        }
    }
    >.shop-product-information{width: 1198px;margin: 0 auto;border: 1px solid #e1e1e1;border-top: none;border-bottom: none;background-color: #ffffff;
        >.shop-title{font-size: 16px;height: 16px;line-height: 16px;font-weight: 600;text-indent: 39px;margin-bottom: 20px;}
        >.shop-header{width: 1120px;margin: 0 auto;overflow: hidden;height: 30px;line-height: 30px;background-color: #f5f5f5;
            >div{float: left;}
            >.shop-col1{margin-left: 167px;}
            >.shop-col2{margin-left: 533px;}
            >.shop-col3{margin-left: 98px;}
            >.shop-col4{margin-left: 84px;}
        }
        >.shop-main{width: 1120px;margin: 0 auto;border-bottom: 1px solid #e1e1e1;padding: 0 0 9px 0;
            >.shop-item{overflow: hidden;padding: 0 0 0 20px;
                >div{float: left;font-size: 12px;}
                >.shop-img{width: 80px;height: 80px;border: 1px solid #e1e1e1;margin-right: 16px;margin-top: 20px;
                    img{width: 80px;height: 80px;}
                }
                >.shop-title{font-size: 12px;width: 390px;height: 38px;float: left;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 20px;margin-top: 16px;
                    

                    a{color: #333333;}
                    a:hover{color: #e64545;}
                }
                >.shop-item{width: 108px;height: 93px;border-left: 1px solid #ffffff;text-align: center;float: right;padding-top: 15px;overflow: hidden;}
                >.shop-quantity{float: left;margin-left: 147px;margin-top: 20px}
                >.shop-receiver{
                    span{background-image: url("@{imgRootDeep}/login_icon_user2.jpg.png");display: inline-block;width: 10px;height: 12px;}
                }
                >.shop-price-all{margin-right: 16px;
                    >p{margin-bottom: 12px;
                        >span{background-image: url("@{imgRootDeep}/question.mark.png");display: inline-block;width: 14px;height: 14px;vertical-align: bottom;margin-left: 4px;}
                    }
                }
                >.shop-status{margin-right: 13px;
                    >p{margin-bottom: 12px;
                        a{color: #333333;}
                    }
                    >.shop-logistics{width: 44px;height: 20px;background-color: #ff8000;margin: 0 auto;line-height: 20px;color: #ffffff;}
                }
                >.shop-operating{margin-right: 61px;
                    >.shop-btn{line-height: 20px;
                        a{color: #559dea;}
                        a:hover{color: #e64545;}
                    }
                    p{
                        >a{color: #333333;}
                    }
                    
                }
                
            }
        }
        
    }
    >.shop-total{width: 1198px;height: 156px;margin: 0 auto;border: 1px solid #e1e1e1;border-top: none;padding-top: 30px;background-color: #ffffff;
        >.shop-right{float: right;margin-right: 40px;
            >div{text-align: right;
                
            }
            >.shop-Offer{
                >div{display: inline-block;}
                >.shop-img{background-image: url("@{imgRootDeep}/offer.png");width: 14px;height: 14px;vertical-align: middle;cursor: pointer;position: relative;
                    .shop-to{position: absolute;width: 298px;height: 78px;top: -92px;left: -239px;background-color: #ffffff;border: 1px solid #e1e1e1;display: none;
                        >.shop-to-top{border-bottom: 1px solid #e1e1e1;width: 263px;margin: 0 auto;text-align: left;line-height: 38px;
                            >.shop-img{background-image: url("@{imgRootDeep}/cancel.png");display: inline-block;width: 10px;height: 10px;margin-left: 178px;}
                        }
                        >.shop-buttom{text-align: left;width: 263px;margin: 0 auto;line-height: 38px;
                            >.shop-buttom-in{color: #a0a0a0;}
                        }
                        >.shop-Means{position: absolute;background-image: url("@{imgRootDeep}/shop-Means.png");width: 16px;height: 10px;top: 77px;left: 237px}
                    }
                    
                }

            }
            >div{margin-bottom: 13px;}
            >.shop-total-all{font-size: 15px;font-weight: 600;color: #e64545;margin-top: 24px;}
        }
        >.shop-left{float: right;text-align: right;margin-right: 76px;
             >p{margin-bottom: 13px;}
             >.shop-total-buttom{margin-top: 24px;}
        }
        >div{}    
    }
} 


